﻿@model anpr.Models.RegisterModel

@{
    ViewBag.Title = "Register";
}
<img src="@Url.Content("~/Content/OfficerImg/1.jpg")" />
<h2>Create a New Account</h2>
<p>
    Use the form below to create a new account. 
</p>
<p>
    Passwords are required to be a minimum of @Membership.MinRequiredPasswordLength characters in length.
</p>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/EditorHookup.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/RangeDateValidator.js")" type="text/javascript"></script>

@using (Html.BeginForm("Register", "Account", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    
    @Html.ValidationSummary(true, "Account creation was unsuccessful. Please correct the errors and try again.")
    <div>
        <fieldset>
        
            <legend>Officer Login Information</legend>
            
            <div class="editor-label">
                @Html.LabelFor(m => m.UserName)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.UserName)
                @Html.ValidationMessageFor(m => m.UserName)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.Email)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.Email)
                @Html.ValidationMessageFor(m => m.Email)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.Password)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.Password)
                @Html.ValidationMessageFor(m => m.Password)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.ConfirmPassword)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.ConfirmPassword)
                @Html.ValidationMessageFor(m => m.ConfirmPassword)
            </div>
            <p>
            <label for="RoleName">Select Role:</label>
                @Html.DropDownList("RoleName")
                @Html.ValidationMessage("RoleName")
            </p>
        <div class="editor-label">
            @Html.LabelFor(model => model.firstName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.firstName)
            @Html.ValidationMessageFor(model => model.firstName)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.midName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.midName)
            @Html.ValidationMessageFor(model => model.midName)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.lastName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.lastName)
            @Html.ValidationMessageFor(model => model.lastName)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.DOB)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.DOB)
            @Html.ValidationMessageFor(model => model.DOB)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.street)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.street)
            @Html.ValidationMessageFor(model => model.street)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.suburb)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.suburb)
            @Html.ValidationMessageFor(model => model.suburb)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.state)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.state)
            @Html.ValidationMessageFor(model => model.state)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.postcode)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.postcode)
            @Html.ValidationMessageFor(model => model.postcode)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.phoneNumber)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.phoneNumber)
            @Html.ValidationMessageFor(model => model.phoneNumber)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.mobileNumber)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.mobileNumber)
            @Html.ValidationMessageFor(model => model.mobileNumber)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.posting)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.posting)
            @Html.ValidationMessageFor(model => model.posting)
        </div>
        <p>
            <input type="file" name="file" />
        </p>
        <p>
            <input type="submit" value="Register" />
        </p>
        </fieldset>
    </div>
}
